<%--
  Created by IntelliJ IDEA.
  User: 28593
  Date: 2022/5/9
  Time: 17:43
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
    <title>登录</title>
</head>
<body>
<header>
    <div class="header-line"></div>
</header>
<div class="content">
    <h1 class="content-title">登录</h1>
    <div class="content-form">
        <form action="LoginServlet" method="Post">
            <input type="text" name="username" class="user" placeholder="用户名">
            <p></p>
            <input type="password" name="password" class="user" placeholder="密码">
            <p></p>
            <input type="submit" value="登录" class="content-form-signup"/>
            <p></p>

        </form>
    </div>
    <%--    <script type="text/javascript">--%>
    <%--        function myCheck(){--%>
    <%--            if(document.valueOf()==""){--%>
    <%--                alert("不能为空")--%>
    <%--            }--%>
    <%--        }--%>

    <%--    </script>--%>
    <style>
        body {
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            /*filter:alpha(Opacity=60);-moz-opacity:0.4;opacity: 0.4;*/
            width:100%;
            /*height:100%;*/
            /*background-size: 450px;*/

        }

        /*header*/
        .header-line {
            width: 100%;
            height: 4px;
            background: #0dbfdd;
        }

        /*content*/
        .content {
            width: 28%;
            margin: 70px auto 0;
            text-align: center;
        }

        .content-title {
            margin: 10px 0 25px 0;
            font-size: 2em;
            color: black;
            font-weight: normal;
        }
        .content-form {
            width: 100%;
            padding: 36px 0 20px;
            border: 3px solid  #dedede;
            text-align: center;
            background: #fff;
        }
        .content-form form div {
            margin-bottom: 19px;
        }
        .content-form form .user,
        .content-form form .email,
        .content-form form .iphone,
        .content-form form .password1,
        .content-form form .password2{
            width: 77%;
            height: 20px;
            padding: 10px;
            font-size: 1em;
            border: 1px solid  #cccbcb;
            border-radius: 7px;
            letter-spacing: 1px;
        }
        .content-form form input:focus {
            outline: none;
            -webkit-box-shadow: 0 0 5px #0dbfdd;
            box-shadow: 0 0 5px #0dbfdd;
        }
        .content-form-signup {
            width: 84%;
            margin: 0 auto;
            padding: 10px;
            border: 1px solid  #cccbcb;
            border-radius: 7px;
            font-size: 1em;
            font-weight: bold;
            color: #fff;
            background: #0dbfdd;
            cursor: pointer;
        }
        .content-form-signup:hover {
            background: #0cb3d0;
        }
        .content-form-signup:focus {
            outline: none;
            border: 1px solid  #0cb3d0;
        }
        .content-login-description {
            margin-top: 25px;
            line-height: 1.63636364;
            color:white;
            font-size: .91666667rem;
        }
        .content-login-link {
            font-size: 16px;
            color: red;
            text-decoration: none;
        }

    </style>
</div>
</body>
</html>

